<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>我的</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="js/layui/css/layui.css">
        <script src="js/layui/layui.js"></script>
        <link rel="stylesheet" href="css/swiper.min.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body >
    <div class="my">
        <div  class="mian layui-carousel layui-col-xs12 layui-col-sm12 layui-col-md12" id="app">
            <!-- 头部分-->
            <div class="layui-row tl-top">
                <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-leftalign">
                    <img src="img/img/icon_back.png"/>
                </div>
                <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-align">
                   我的
                </div>
                <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-rightalign">
                    <img src="img/img/icon_set.png" /></div>
            </div>
            <!-- 主体-->
            <div class="cent">
                <!-- 用户基本信息-->
                <div class="apple-banner userBox">
                    <!-- 用户头像-->
                    <div class="user">
                        <div class="imgBoxs" style="margin-top: 20%">
                            <img src="img/img/Turntable.png"/>
                            <img class="vip" src="img/img/icon_dengji_v4.png">
                        </div>
                        <p> name</p>
                    </div>
                </div>
                <!-- 我的积分-->
                <div class="myIntegralBox layui-row">
                    <div class="borderRiu">
                        <div class="layui-row " style="padding: 5px 0px;">
                            <div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
                                <div class="myIntegral">
                                    <!-- 我的积分Icon-->
                                    <span class="red">
                                <img src="img/img/icon_myjifen.png"/>
                            </span>
                                    <span >我的积分</span>
                                </div>
                            </div>
                            <div class="layui-col-xs5 layui-col-sm5 layui-col-md5 layui-col-xs-offset2">
                                <div class="chartIntegral">
                                    <span class="lableRight"> 查看积分明细 <i class="layui-icon" style="margin-left: 5px;">&#xe602;</i></span>
                                </div>
                            </div>
                        </div>
                        <!-- 我的积分列表-->
                        <div class="layui-row IntegralNubmer ">
                            <!-- 积分余额-->
                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                <div class="">
                                    <p class=""> 积分余额</p>
                                    <p> 3000</p>
                                </div>
                            </div>
                            <!-- 购物积分-->
                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                <div class="">
                                    <p class=""> 购物积分</p>
                                    <p> 3000</p>
                                </div>
                            </div>
                            <!-- 购物积分-->
                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                <div class="">
                                    <p class=""> 购物积分</span>
                                    <p> 3000</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 功能板块-->
                <div class="activity ">
                    <div class="activityCent layui-row">
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_dingdanguanli.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>订单管理</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_wodejifen.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>我的积分</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_jiaoyiguanli.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>交易管理</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_wangluojiegou.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>团队</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_dailishenqing.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>代理申请</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_baodanxiangqing.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>报单详情</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_gonggaoguanli.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>公告管理</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_zhituiwangluo.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>邀请用户</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_gerenziliao.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>个人资料</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_shimingrenzheng.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>实名认证</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_shouhuodizhi.png"/>
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>收获地址</P>
                                </div>
                            </div>
                        </div>
                        <div class="boder layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="boxActivityCent">
                                <div class="ActivityImg">
                                    <div class="imgBoxs">
                                        <img src="img/img/icon_yinhangka.png">
                                    </div>
                                </div>
                                <div class="ActivityTitle">
                                    <P>银行卡</P>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer layui-row">
        <div class="listTop layui-row">
            <div class="span2">
                <div class="imgBoxs">
                    <img src="img/img/icon_tab_shop_select.png"/>
                </div>
                <p class="listTypes"> 商店 </p>
            </div>
            <div class="span2">
                <div class="imgBoxs">
                    <img src="img/img/icon_tab_fenlei_select.png"/>
                </div>
                <p class="listTypes"> 分类 </p>
            </div>
            <div class="span2" style=" position: relative;height:10px">
                <div class="imgBoxs shopping">
                    <img src="img/img/btn_tab_shopping_select.png"/>
                </div>
            </div>
            <div class="span2">
                <div class="imgBoxs">
                    <img src="img/img/icon_tab_team_select.png"/>
                </div>
                <p class="listTypes"> 团队 </p>
            </div>
            <div class="span2">
                <div class="imgBoxs">
                    <img src="img/img/icon_tab_my_selected.png"/>
                </div>
                <p class="listTypes"> 我的 </p>
            </div>
        </div>
    </div>
    <script src="js/swiper.min.js"></script>
    <script src="js/apple.js"></script>
        <script>
            layui.use(['carousel', 'form'], function(){
                var layer = layui.layer,
                 carousel = layui.carousel,
                    form = layui.form;
                layer.msg('开始我们的代码开发');
                carousel.render({
                    elem: '#test1',
                    arrow: 'always',
                    width: '100%',
                    height: '200px'
                });
            });
        </script>
    </body>
</html>
